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METHOD OF DISPLAYING MAGNIFIED AND REDUCED AREAS 
AND APPARATUS THEREOF 

FIELD OF THE INVENTION 

The present invention relates to a user interface 
capable of easily determining which area has been 
magnified/reduced and to which extent the area has been 
magnified/reduced at an editorial work for a diagram, a 
document or the like. More particularly, the present 
invention relates to a method capable of changing a display 
in accordance with magnifying/reducing operations by a user, 
and an apparatus thereof. 

BACKGROUND OF THE INVENTION 

Conventionally, when a portion of a diagram is desired 
to be magnified and displayed, it has been the practice of 
magnifying not only the objective area (portion) but also the 
whole diagram as shown in diagram 101 of Fig. 1. However, 
with this method, the whole diagram cannot be accommodated on 
the display area. Another conventional practice has been to 
magnify the portion of the diagram desired to be magnified, 
and of displaying it in the vicinity of an original diagram 
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as shown in a diagram 102 of Fig. 1. With this procedure a 
display area other than the area for the original diagram is 
needed. Therefore, in order to magnify a portion desired to 
be displayed in detail and display the whole diagram, 
portions other than the portion desired to be displayed in 
detail are needed to be reduced in size on the display. When 
the magnified portion and the reduced portions are so mixed 
on a display screen, it has been extremely difficult to 
recognize which portion is magnified or reduced, and to which 
extent the portion is magnified or reduced. 

Therefore one object of the present invention is to 
provide a method and apparatus for visually displaying a 
diagram where a portion is magnified or reduced in a manner 
that the magnified/reduced area thereof and the 
magnification/reduction ratio can be easily determined. 

Another object of the present invention is to provide a 
system, which is capable of displaying the magnification/ 
reduction ratio during the magnification/ reduction opera- 
tion of a diagram, to enable an easy comparison between a 
changed operation area and the other areas. 
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BRIEF DESCRIPTION OF THE INVENTION 

According to the present invention, diagram configuration 
information including display specification information such 
as the color and the pattern of the display are changed to 
characterize the magnification or reduction ratio of portions 
of a screen display. The display specification information 
including information concerning the shade of color and/or 
the pattern density are changed to reflect the magnification 
or reduction ratio as a ratio of the portions of the diagram 
magnified or reduced. For example, the display specification 
information for a reduced area calls for use of a deep or 
intense color in order to indicate that the area is 
compressed and the intensity is varied in accordance with the 
areas reduction ratio. Diagram linkage information deter- 
mines whether or not an increase in the size of a certain 
portion of the diagram affects the other portions such that 
the other portions must be reduced so that the whole diagram 
can be accommodated in a screen. 

The system of the present invention displays a shade of 
color and/or the pattern density corresponding to the scale 
change of various portions of a diagram in response to the 
movement of a pointing device across the screen display of 
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the diagram. As the pointing device moves, calculates the 
magnification and/or reduction ratios for the other portions, 
it calculates the shade of color and the pattern density data 
corresponding to the magnification and/or reduction ratio for 
displaying in the diagram. 

BRIEF DESCRIPTION OF THE DRAWINGS 

The present invention will now be described by reference 
to a preferred embodiment and to figures, in which: 

Fig. 1 is a diagram showing the conventional methods of 
magnifying a diagram; 

Fig. 2A to 2C show screen presentations of records 
before and after the magnification and/or reduction of the 
portions; 

Fig. 3 illustrates using a change of the pattern density 
to indicate a change in size; 

Fig. 4 is a block diagram of the hardware according to 
the present invention; 

Fig. 5 is a block diagram of the software according to 
the present invention; 

Fig. 6 is a block diagram of the record design module; 

Fig. 7 is a flowchart of the record design; 
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Fig. 8 is a flowchart of the initial setup/initial 
display; 

Fig. 9 is a flowchart of the magnification/reduction 
ratio information generating section; and 

Fig. 10 is a flowchart of the drawing section. 

DETAILED DESCRIPTION OF THE PREFERRED EMBODIMENTS 

Descriptions will be made for the present invention with 
reference to an embodiment of a record design as a part of a 
program development tool. 

As shown in Fig. 2 (A), record data contains variables 
such as "NAME", "BIRTHDAY", "ADDRESS" and "TEL", which are 
used in an application program. These variables are referred 
to as "data items. 

Reference numeral 201 denotes an initial display of one 
record. This record includes five data items 202 to 206. 
Data item names 207, 208 and 209 are displayed on the data 
items where there is sufficient display area. Where a 
display area has insufficient space, a data item name denoted 
by numeral 211 is displayed when a cursor 210 of a pointing 
device points to the display area. A scale 212 appears 
across the top of the record data. In Fig. 2(A), the data 
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items are displayed so as to have the size corresponding 
respectively to lengths of the data items. 

In Fig. 2(b), the whole of one record displayed on the 
screen with the data item 204 for the data item name 
"BIRTHDAY" magnified. Because the data item for "BIRTHDAY" 
has been expanded, the data items for "NAME" and "ADDRESS" 
which are reduced in size. In the conventional Fig. 2 (B) 
display, it has not been possible to determine which data 
item is magnified or reduced without comparing the scales 212 
and 228. 

In accordance with the present invention, in Fig. 2(c) 
in order to recognize at one glance that the data items 253 
and 256 for "NAME" and "ADDRESS" are reduced, and scale 
portions 258 and 256 corresponding thereto are displayed in a 
deep or intense color. Since data item 255 for "BIRTHDAY" is 
a magnified version of data item 204, It is displayed with 
lighter or less intense color than data item 204. Thus, the 
magnification of item 255 can be recognized at one glance. 

Specifically, the reduced portion is displayed with its 
color intensity deepened in proportion to its reduction 
ratio. While magnified portion is displayed with its color 
intensity lightened in proportion to its magnification ratio. 
Thus, the displayed color is changed according to the change 
of the magnification/reduction ratio. 
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Accordingly, a user working on the record design and the 
like can easily determine which portion is magnified and 
which portion is reduced, and the extent of the magnification 
or reduction. 

Fig. 3 shows the difference of a display before and 
after an operation where an area 1301 is a magnified area, an 
area 1302 surrounding the area 1301 is designated as a linked 
area. It is not the shade of color, but the pattern densi- 
ties of the areas 1301 and 1302 that are changed to enable 
detection of the magnified/reduced areas at a glance. 
Specifically, when the area 1301 in Fig. 3 is magnified and 
displayed, and the area 1302 is reduced as a result, the 
pattern B of the area 1301 is magnified and displayed while 
the pattern A of the area 1302 is reduced and displayed. 

Fig. 4 shows a view of hardware according to the present 
invention. 

A computer system 301 comprises: a CPU 302 including a 
microprocessor, a peripheral circuit thereof and the like; a 
memory 303; an external storage device 304 such as a floppy 
disc and a CD-ROM; a color display device 305; and a pointing 
device 306. The output of the application program is 
displayed on the external color display device 305. Naviga- 
tion in the application program is performed with the point- 
ing device 306 such as a mouse. 
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An operating system and the application program includ- 
ing the method of the present invention are loaded into the 
memory 303. Information concerning the "data items" and the 
"record, " which are to be processed, is also loaded into the 
memory 303. 

Fig. 5 shows a constitution of software to which the 
present invention is applied. 

Data item information 404, record information 405 and 
diagram configuration information 4 06 are loaded by an appli- 
cation program 402 associated with an objective diagram, and 
then inputted to a record design module 4 03. When a change 
is executed on a work record in the record design module 403, 
the record information 4 05 is updated. 

The diagram configuration information 406 has profile 
information including display specification information 
including the color and/or the pattern changes when the 
diagram is changed, information for a scale display and 
linkage information between the magnified/ reduced portions 
of the diagram and the other portions. Activation of the 
application program 402, input of the information of the 
pointing device 408, output of the information to the display 
device and the like are performed through an operating system 
(OS) 401. When a diagram is manipulated with the pointing 
device 408, the OS 4 01 transmits the information concerning 
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the selected diagram and the magnification/reduction opera- 
tion for the diagram to the application program 402., the 
application program 402 can obtain the information. 

The output to the display device 4 07 is changed with use 
of an image drawing library of the OS 401. 

Next, a constitution of the record design module 403 
will be described with reference to Fig. 5. 

Record information 507 associated with an objective 
diagram for operation, diagram configuration information 508 
for profile information of the display, and data item infor- 
mation 509 are stored respectively in the memory. The record 
information 507 is the initial display information of the 
record, such as that shown in Fig. 2 (A) . 

The diagram configuration information 508 includes 
profile information including the display specification 
information for the color and pattern of the diagram of each 
area, such as shown in Fig. 2(c). For example, the informa- 
tion for the scale display and the linkage information 
between the magnified or reduced portions diagram and the 
other portion of the diagram. Data item information 509 is 
information concerning variables such as "NAME", "ADDRESS" 
and "TEL" existing within one record. 

Information detected with a pointing device 501 is sent 
to an operation detecting section 502. 
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Magnification/reduction ratio information generating section 
503 prepares magnification/reduction ratio information 504 
for each portion of the diagram based on operation informa- 
tion from the operation detecting section 502 and the diagram 
configuration information 508 including the linkage informa- 
tion showing relationship among the portions of the diagram. 
At initial processing, basic information of an objective 
record for operation is obtained based on the record informa- 
tion 507, 

In a drawing section 505, the diagrams are respectively 
magnified and reduced. And, the magnification or reduction 
ratio 504, and the shade of color and the pattern density, 
corresponding to the portions of the diagram, are set. At 
this time, from the specification regarding the display in 
the diagram configuration information 508, the displayed 
color or pattern is selected, and the scale is displayed. 
Then, final information concerning the objective diagram for 
drawing is prepared, and outputted to a display device 506. 

Next, operations of the record design module 403 will be 
described with reference to Fig. 7. 

In step 601, the initial setup and display are generated 
on the display device. Next, in step 602, the portion of the 
diagram selected with the pointing device is obtained. Then, 
in step 603, change status information concerning the area of 
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the diagram magnified/reduced with the pointing device is 
obtained. The changes in the status information as to how 
the selected diagram is magnified or reduced based on the 
information indicated with the pointing device. Next, based 
on the above-described information, the magnification/reduc- 
tion ratio information for each portion of the diagram is 
prepared in step 604. In step 605, drawing of the images is 
performed based on the magnification/reduction ratio informa- 
tion. In step 606, it is determined whether the user is 
operating the pointing devices to change the size of portions 
thereof or has finished. If the operation is finished, the 
processing is terminated. When the operation is on going, 
steps 603, 604 and 605 are reiterated. 

Next, operations of the initial setup and the initial 
display of step 601 in Fig. 7, will be described with refer- 
ence to Fig. 8. 

In step 701, record information 507 to be displayed is 
stored in the memory. In step 702, data item information 
included in the diagram to be displayed is obtained from the 
data item information 509, and stored in the memory. In step 
703, diagram configuration information as the profile infor- 
mation including the information concerning the color and the 
pattern which are needed for the display and the linkage 
information between the magnified/reduced diagram and the 
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other diagrams at the time of operating the diagram, is 
obtained from the diagram configuration information 508, and 
stored in the memory. In step 704, initial 

magnification/reduction ratio information for each diagram 
corresponding to each data item in the record to be displayed 
is prepared from the loaded record and data item information. 
Then, in step 705, drawing is performed for the initial 
status, thus terminating the processing. 

Next, operations of the magnification/reduction ratio 
information generating section of step 604 in Fig. 7 will be 
described with reference to Fig. 9. 

In step 801, the magnification/reduction ratio informa- 
tion immediately before an operation is performed for the 
diagram in the area selected with the pointing device is 
obtained. In step 802, the diagram linkage information is 
obtained from the diagram configuration information. In step 
803, information is obtained concerning the end of the size- 
changed diagram. That is, information is obtained as to 
which portion of the diagram is to be changed in response to 
the operation of the pointer device. In step 804., informa- 
tion indicating in which direction and to which extent the 
end of the size-changed area of the objective diagram is to 
be moved is obtained. Then, in step 8 05, 
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magnification/reduction ratio of the portions of the diagram 
is calculated thus terminating the processing. 

As pointed out previously, when a portion of a diagram 
is magnified, the other portions of the diagram must be 
reduced in order to display the whole of the diagram on one 
screen. For this reason, the linkage information among such 
portions of the diagram is obtained in step 802. And in step 
803, position information as to the end of the size-changed 
area of the selected diagram is obtained. Then in step 804, 
the moving distance information as to the ends of the area to 
be changed in size is obtained. Based on the above described 
information and considering the magnification or reduction 
ratio in existence immediately before the operation, obtained 
in step 801, the magnification/reduction ratio for each 
diagram is calculated in step 805. 

Next, the operation of the drawing section will be 
described with reference to Fig. 10. 

In step 1001 of Fig. 10, the display specification 
information including the display color and pattern is 
obtained from the diagram configuration information. Then in 
step 1002, the display specification is determined. Next, 
when the display is to use shades of color to distinguish 
between expanded and reduced sections, the corresponding 
shade of color is applied to each portion of the diagram from 
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the magnification and/or reduction ratio information in step 
1003. Alternatively, when the display is to use pattern 
density to distinguish between expanded and reduction 
sections of the diagram, the corresponding pattern density is 
applied to each section of the diagram from the magnification 
and/or reduction ratio information in step 1004. It will be 
understood to those skilled in the art that, as a matter of 
course, the shade of color and the pattern density can be 
used together, and other than the above-described, various 
alternative modifications of the diagram display such as 
flashing of the magnified area can be used. 

Where written information such as the data items corre- 
sponding to the diagrams, such as that shown in Fig. 2, 
exists, the written information is set in step 1005. In step 
1006, when a scale display is designated in the information 
read in step 1001, the configuration scale is set based on 
the magnification/reduction ratio information as shown in 
Fig. 2. Note that, also as shown in Fig. 2, the display of 
the shade in the color of the scan can vary corresponding to 
the magnification and/or reduction ratio of the underlying 
portion of the diagram. Then, in step 1007, the display 
information described above is written in the output device, 
thus terminating the processing. Advantage of the above 
described embodiment should be apparent. Since the 
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magnified/reduced diagram is linked with the shade of color, 
the pattern density and the like, which correspond to the 
magnification or reduction ratio, then, the display of the 
diagram is changed, a user can easily determine which area is 
magnified or reduced and to which extent the area has been 
magnified or reduced. Accordingly, for editorial work and 
the like, the ratio of the work area relative to the whole 
diagram can be visually grasped. Thus, the present invention 
can provide a user interface having great work efficiency. 

Moreover, according to the present invention, the 
display can be changed in accordance with every magnification 
or reduction operation of a user. 

Furthermore, not only the whole diagram is adapted to 
the display by reducing the other portions when a certain 
area is magnified, but also the magnified/reduced area and 
the linked area affected by the magnified/reduced area can be 
designated. Thus, an easy-to-use user interface can be 
realized. 

The present invention has now been described with refer- 
ence to an embodiment. From what has been described, it 
should be apparent to those having common knowledge in the 
art will easily understand that applications and modifica- 
tions can be made to this embodiment without departing from 
the spirit and the scope thereof. For example, directories 
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of a personal computer are taken as an application example of 
the present invention. In this case, a ratio of a total file 
capacity held by the directory relative to a whole hard disc 
capacity, or a ratio of a number of files held by the direc- 
tory relative to a number of whole files in the hard disc, 
can be displayed by means of the corresponding shade of color 
and pattern density. In order to realize the above, the 
ratios of the directory are calculated at the stage of the 
initial display, the ratio calculation is re-executed at the 
timing when the user adds/deletes a file or designates a 
display update, thus performing the display corresponding to 
the calculation result. The above-described method can be 
applied to all kinds of displays adapted to visually present 
a number/capacity between a whole and a divided individual. 
Moreover, in the present invention, instead of always 
displaying the whole diagram, an area desired to be 
magnified/reduced can be designated by an operation of a 
user, and another magnified/reduced area linked thereto can 
be also designated. Therefore, it should be understood that 
the present invention is not limited to the disclosed embodi- 
ment but is determined by the spirit and scope of the 
appended claims. 
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